<template>
  <div>
    <div class="mpw-calendar-tabout border-bottom"> <!-- 导航栏 -->
      <div>
        <span class="mpw-calendar-tabitem" v-for="item in list" :key="item.id">{{ item.name }}</span>
      </div>
      <span class="mp-tab-slider"></span>
    </div> <!-- 导航栏end -->
  </div>
</template>

<script>
export default {
  name: 'DetailDhl',
  props: {
    list: Array
  },
  data () {
    return {
    }
  }
}
</script>

<style lang="stylus" scoped="scoped">
  .mpw-calendar-tabout
   position relative
   background-color #fff
   color #212121
   height .96rem
   line-height .96rem
   white-space nowrap
   overflow-x auto
  .u_one
    width 100%
    overflow auto
    .one_p
      font-size 0.4rem
      padding 0.3rem 0.2rem
    .sw
      height 1rem
      line-height 1rem
    .money
      height 1rem
      line-height 1rem
      float right
      margin-right 0.2rem
   .mpw-calendar-tabitem
    display inline-block
    height .92rem
    width 2rem
    line-height .96rem
    text-align center
    font-size .32rem
   .mp-tab-slider
    position absolute
    bottom 0
    display inline-block
    height .04rem
    width 1.4rem
    background-color #00bcd4
  .mp-promote
    position relative
    background #fff
    padding-left .2rem
.mp-ticket-type
  padding 0 .2rem
  height .88rem
  background #fff
  color #333
  font-size .32rem
  line-height .88rem
.mp-ticket-type-info
  position relative
  margin-bottom -0.02rem
  padding .24rem .2rem
  background #fff
  .mp-ticket-type-name
   margin-right 1.8rem
   color #333
   font-size .3rem
   line-height .48rem
  .mp-ticket-type-price
    overflow hidden
    position absolute
    top: 50%
    height .4rem
    line-height .4rem
    right .46rem
    margin-top -0.2rem
    color #ff9800
    font-size .24rem
.mp-price-num
  margin-left .04rem
  font-size .4rem
.mp-ticket-numword
  display inline-block
  color #9e9e9e
  font-size .24rem
</style>
